<el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  class="dialogStyleBase" :title="mixinEdit_editTitle" :width="load.all?'98vw':'200px'" :visible.sync="mixinEdit_editVisible"
    :before-close="hideBox" append-to-body @opened="opened">
    <div class="main" v-show="load.all">
        <div class="cell">
            <div class="hh">基本信息</div>
            <div class="mm">
                <!-- {{editData.base}} -->
                <GoodsEditBase ref="GoodsEditBase" @change="changeBase"></GoodsEditBase>
            </div>
        </div>


        <div class="cell">
            <div class="hh">交付信息</div>
            <div class="mm">
                <!-- {{editData.deliver}} -->
                <GoodsEditDeliver ref="GoodsEditDeliver" @change="changeDeliver" @getTemplate="getTemplate"
                    :templateOptions="templateOptions" :productType="editData.base?editData.base.productType:1">
                </GoodsEditDeliver>
            </div>
        </div>

        <div class="cell">
            <div class="hh">规格信息</div>
            <div class="mm">

                <!-- {{editData.specs}} -->
                <GoodsEditSpecs v-if="editData.base" :categoryId="editData.base.categoryId"
                    :templateOptions="templateOptions"
                    :freightTemplateId="editData.deliver.isStoreDelivery==1?editData.deliver.freightTemplateId:''"
                    :subCategoryId="editData.base.subCategoryId" ref="GoodsEditSpecs" @change="changeSpecs">
                </GoodsEditSpecs>

            </div>
        </div>

        <div class="cell">
            <div class="hh">属性参数</div>
            <div class="mm">
                <GoodsEditGroup ref="GoodsEditGroup" @change="changeGroup"></GoodsEditGroup>
                <!-- {{editData.attr}} -->
                <GoodsEditAttr v-if="editData.base" :categoryId="editData.base.categoryId"
                    :subCategoryId="editData.base.subCategoryId" ref="GoodsEditAttr" @change="changeAttr">
                </GoodsEditAttr>

                <!-- {{editData.param}} -->
                <GoodsEditParam v-if="editData.base" :categoryId="editData.base.categoryId"
                    :subCategoryId="editData.base.subCategoryId" ref="GoodsEditParam" @change="changeParam">
                </GoodsEditParam>
                <!-- {{editData.serve}} -->
                <GoodsEditServe v-if="editData.base" :categoryId="editData.base.categoryId"
                    :subCategoryId="editData.base.subCategoryId" ref="GoodsEditServe" @change="changeServe">
                </GoodsEditServe>
                <!-- {{editData.other}} -->
                <GoodsEditOther ref="GoodsEditOther" @change="changeOther"></GoodsEditOther>
            </div>
        </div>
        <div class="cell" >
            <div class="hh">商品详情</div>
            <div class="mm">
                <GoodsEditHtml ref="GoodsEditHtml" @change="changeHtml"></GoodsEditHtml>
                

            </div>
        </div>



    </div>
    <div v-show="!load.all" style="text-align: center;line-height:50px;">加载中</div>
    <div slot="footer" v-show="load.all">
        <el-row>
            <el-col :span="12" style="text-align: left;">
                <el-button @click="mixinEdit_resetForm('editForm')">重 置</el-button>
            </el-col>
            <el-col :span="12">
                <el-button @click="hideBox()">取 消</el-button>
                <el-button type="primary" @click="submit()">确
                    定</el-button>
            </el-col>
        </el-row>
    </div>


</el-dialog>